<!--Source:http://css-tricks.com-->
<style type="text/css">

   html {
      background: url(../../pictures/healthImg.jpg) no-repeat center fixed;
      background-size: cover;
   } 

   .send {
      border:none; 
      background:green;
      color:white;
   }

   #cal {
      margin-left:auto;
      margin-right:auto;
      font-size:10pt;
      color:white;
      line-height:50px;
      text-align:center;
   }

   select {
      border:none;
      background:blue;
      color:white;
   }

   #cal h2 {
        width:420px;
        vertical-align:middle;
        margin:auto;
        font-size:12pt;
        background:blue;
        color:white;
   }

   #cal ul {
        width:420px;
        vertical-align:middle;
        margin:auto;
        padding:0;
   }

   #cal ul li {
        width:50px;
        height:50px;
        vertical-align:middle;
        margin:auto;
        display:block;
        float:left;
        list-style:none;
        border:5px solid blue;
        margin:0px;
        padding:0px;
   }

   #cal ul li.day {
       background:green;
       color:white;
       margin:0;
       font-weight:bold;
   }
   #cal ul li.num {
       display:block;
       background:lightblue;
   } 

   #cal a.event {
        display:block;
        width:50px;
        height:50px;
        background:lightgreen;
        text-decoration:none;
        color:blue;
        font-weight:bold;
   }

   .weekend {
        display:block;
        width:50px;
        height:50px;
        background:lightgreen;
        text-decoration:none;
        color:blue;
        font-weight:bold;
   }

   font {
        text-decoration:none;
        color:blue;
   }

   p {
      background:blue;
      margin-left:auto;
      margin-right:auto;
      border-style:solid;
      border-width:thick;
      border-color:red;
      width:450px;
      font-size:10pt;
      color:white;
      line-height:30px;
   }

</style>

